<div class="row" data-page-header>    

</div>

<div class="row">
    <div class="alert alert-danger alert-block" data-error-hint role="alert">
        暂无数据，请稍后重试
    </div>

    <div class="alert alert-success alert-block" data-success-hint role="alert">
        保存成功
    </div>
</div>

<div class = "row">
    <form class="form-horizontal" id = "club-basic-info-form">
        <div class="form-group">
            <label for="club-type" class="col-sm-2 control-label">社团类型 </label>
            <div class = "col-sm-3 inline-input">
                <select class="form-control" data-club-type value="{{type}}">
                    <option value="公益类">公益类</option>
                    <option value="科技类">科技类</option>
                    <option value="体育类">体育类</option>
                    <option value="人文类">人文类</option>
                    <option value="实践类">实践类</option>
                    <option value="传媒类">传媒类</option>
                    <option value="艺术类">艺术类</option>
                    <option value="学生组织">学生组织</option>
                </select>
            </div>
            <label for="club-locale" class = "col-sm-2 control-label">社团位置 </label>
            <div class = "col-sm-3">
                <select class = "form-control" data-club-locale value="{{locale}}">
                    <option value="雁塔校区">雁塔校区</option>
                    <option value="兴庆校区">兴庆校区</option>
                </select>
            </div>
        </div>
        <div class="form-group has-feedback">
            <label for="club-email" class="col-sm-2 control-label">社团公邮 </label>
            <div class="col-sm-8">
                <input type="email" value="{{email}}" placeholder="请填写社团的公共邮箱，方便联系"  class="form-control" id="club-email" data-toggle="tooltip" data-placement="top" title="" data-club-email placeholder="">
                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
            </div>
        </div>
        <div class="form-group has-feedback">
            <label for="club-summary" class="col-sm-2 control-label">社团简介 </label>
            <div class="col-sm-8">
                <textarea id = "club-summary" placeholder="请填写社团简介，必填，不可超过80字" class="form-control" data-toggle="tooltip" data-placement="top" title="" data-club-summary rows="2"></textarea>
                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
            </div>
        </div>
        <div class="form-group has-feedback">
            <label for="club-introduction" class="col-sm-2 control-label">社团详情 </label>
            <div class="col-sm-8">
                <textarea class="form-control" rows="5" placeholder="请填写社团详情，必填，字数不限" data-toggle="tooltip" data-placement="top" title="" data-club-introduction id = "club-introduction"></textarea> 
                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>        
            </div>
        </div>
        <div class="form-group has-feedback">
            <label for="club-apply-url" class="col-sm-2 control-label">招新URL </label>
            <div class="col-sm-8">
                <input type="url" id="club-apply-url" placeholder="请填写招新 url, 如 https://xjtu.link/" value="{{apply_url}}" data-toggle="tooltip" data-placement="top" title="" data-club-apply-url class="form-control" name="club_apply_url"">
                <span class="glyphicon form-control-feedback" aria-hidden="true"></span> 
            </div>
        </div>
        <div class="form-group has-feedback">
            <label for="club-url"  class="col-sm-2 control-label">社团URL </label>
            <div class="col-sm-8">
                <input type="url" data-club-url class="form-control" placeholder="请填写社团主页 url, 入 https://xjtu.link/" data-toggle="tooltip" data-placement="top" title="" value="{{url}}" id = "club-url" name="club_url" />
                <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
            </div>
        </div>
        <div class="form-group">
            <label for="" class="col-sm-2 control-label">社团荣誉 </label>
            <div class="col-sm-8" data-club-honors>

            </div>
        </div>
        <div class="form-group">
            <label for="" class="col-sm-2 control-label">社团图片 </label>
            <div class="col-sm-8" data-club-images>
                <!-->
                    图片上传和展示区域
                <!-->
            </div>
        </div>
        <div class = "form-group">
            <label for="club-show-type" class="col-sm-2 control-label">展示方式 </label>
            <div class="col-sm-2 inline-input">
                <select class="form-control" data-club-show-type>
                    <option value="web">web</option>
                    <option value="native">app</option>
                </select>
            </div>
            <label for="club-is-apply" class="col-sm-4 control-label">
                是否招新
                <input type="checkbox" data-club-is-apply name="club_is_apply" id="club-is-apply">
            </label>
        </div>
        <div class="form-group">
            <div class="col-sm-8">
                
            </div>
            <div class="col-sm-4">
                <button type="button" class="btn btn-default" data-action="submit-club-info">保存</button>
            </div>
        </div>
    </form>
</div>